<%--
  Created by IntelliJ IDEA 14.1.6
  User: LiShixi
  Date: 2016/7/24 0024
  Time: 14:35

--%>
<%@ page contentType="text/html;charset=UTF-8" language="java" %>

<html>
<head>
    <title>管理员主页</title>
    <style>
        ul li{
            display: block;
            display-list: none;
            float:left;
            margin:8px 8px 8px 8px;
            padding: 5px 10px;
            width: auto;
            background-color: lightblue;
        }

        ul li a{
            color:#222222;
            text-decoration:none;
        }
        ul li a:hover{
            font-weight: bold;
            text-decoration:none;
            color:whitesmoke;

        }
        #dd{
            width: 100%;
            height: 50px;
            background-color: #5bc0de;

        }
    </style>

    <script type="text/javascript">
        var as=document.getElementsByName("a");
        for(var i=0;i<as.length;i++){
            var a = as[i];
            a.addEventListener("click",function(data){
              document.getElementById("cc").src=  this.href;
            })
        }
    </script>
</head>
<body>

<div id="dd">

    <ul>
        <li><a href="<%=request.getContextPath()%>/librarian/find.do" target="cc">馆藏检索</a></li>
        <li><a href="./borrow.do" target="cc">借书还书</a></li>
        <li><a href="./sys.do" target="cc">系统维护</a></li>
    </ul>
</div>

</body>
<iframe name="cc" id="cc" src="<%=request.getContextPath()%>/librarian/find.do" frameborder="0" height="100%" width="100%"></iframe>
</html>
